<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>导航栏</title>
		<style type="text/css"></style>
		<link href="css/navigation.css" rel="stylesheet" />
	</head>
	<body>
		<!--头部导航（开始）-->
		<div class="header-nav">
			<!--头部导航左侧（开始）-->
			<div class="header-left">
				<img src="img/icon.png" />
				<div class="claw">
					<a href="#"><label >爪子科技</label></a>
				</div>
			</div>
			<!--头部导航左侧（结束）-->
			<div class="">
				
			</div>
		</div>
		<!--头部导航（结束）-->
		<!--左侧导航（开始）-->
		<div class="left-nav">
			<!--左侧导航列表（开始）-->
			<div class="left-middle">
				<ul class="list">
					<a href="#"><li>首&nbsp;&nbsp;&nbsp;&nbsp;页</li></a>
					<a href="#">
						<li>在线答题
							<!--<ul class="twolist">
								<a></a><li>adfads</li>
								<li>dsafa</li>
								<li>fasdasdf</li>
							</ul>-->
						</li>
					</a>
					<a href="#"><li>论坛交流</li></a>
					<a href="#"><li>日志分享</li></a>
					<a href="#"><li>成绩查询</li></a>
					<a href="#"><li>在线请假</li></a>
					<a href="#"><li>个人信息</li></a>
					<a href="#"><li>账号管理</li></a>
					<a href="#"><li>系统设置</li></a>
				</ul>
			</div>
			<!--左侧导航列表（结束）-->
			<!--左侧导航下部（开始）-->
			<div class="left-bottom">
				
			</div>
			<!--左侧导航下部（结束）-->
		</div>
		<!--左侧导航（结束）-->
	</body>
</html>
